<include file="Public:header"/>
<script src="../Public/js/jquery.validate.min.js" type="text/javascript"></script>
<div class="wrapper">
  <div class="sitepath">当前位置：<a href="{$webConfig['host_url']}">首页</a> &nbsp;&rsaquo;&nbsp; 意见反馈</div>
  <div class="clear"></div>
</div>
<div class="wrapper">
  <div class="subbox">
    <form id="guestbook-form" class="guestbook-form" action="{:U('save')}" method="post">
      <ul>
        <li>
          <div class="col01">联系人：</div>
          <div class="col02">
            <input type="text" size="35" name="name" id="name" />
            </div>
        </li>
        <li>
          <div class="col01">联系手机/邮箱：</div>
          <div class="col02">
            <input type="text" size="35" name="tel" id="tel" />
            </div>
        </li>
        <li>
          <div class="col01">标题：</div>
          <div class="col02">
            <input type="text" size="35" name="title" id="title" />
            </div>
        </li>
        <li>
          <div class="col01"> 内容：(500字内) </div>
          <div class="col02">
            <textarea name="content" id="content" rows="6" cols="50"></textarea>
          </div>
        </li>
        <li class="btn">
        	<div class="col01">&nbsp; </div>
          <div class="col02">
          <button type="submit">提交</button>&nbsp;
          <button type="reset">重置</button>
          </div>
        </li>
      </ul>
    </form>
    <script type="text/javascript">
  $(function(){
	  $("#guestbook-form").validate({
		  rules:{
			  name:{
				  required:true 
			  },
			  tel:{
				  required:true
			  },
			  title:{
				  required:true,
				  maxlength:100
			  },
			  content:{
				  required:true,
				  maxlength:500
			  }
		  },
		  messages:{
			  name:{
				  required:"您的姓名必填!" 
			  },
			  tel:{
				  required:"请输入您的联系电话或邮箱!"
			  },
			  title:{
				  required:"请认真填写标题,以便客服对您的意见或建议一目了然。",
				  maxlength:"标题不用那么长，可以在详情中说详细点。"
			  },
			  content:{
				  required:"请认真填写留言内容",
				  maxlength:"如果您的问题描述比较多，那么注明通过联系电话联系即可。"
			  }
		  }
	  });
  });
</script>
  </div>
</div>
<include file="Public:footer"/>
